<template>
  <div class="query">
    <div class="check">
      <div class="c_left">条件搜索栏</div>
      <div class="c_right">
        <div class="clear">
          <div class="fl">
            <span class="c_tip">入院时间</span>
            <el-date-picker
              type="daterange"
              unlink-panels
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="pickerOptions"
            />
          </div>
          <div class="fl">
            <span class="c_tip">创建人</span>
            <input type="text" class="c_input" placeholder="请输入创建人">
          </div>
          <div class="fl" style="margin-left:65px;">
            <el-button type="primary" class="btn_clear">查询</el-button>
            <el-button type="success" class="btn_clear">创建</el-button>
          </div>
        </div>
      </div>
    </div>
    <div class="list_tip clear">
      <!-- <span class="fl">数据管理列表</span> -->
    </div>
    <div class="table_box">
      <mt-table />
    </div>
  </div>

</template>

<script>
import MtTable from './childComponent/MtTable'
export default {
  components: { MtTable },
  data() {
    return {
      pickerOptions: {
        shortcuts: [{
          text: '最近一周',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
            picker.$emit('pick', [start, end])
          }
        }, {
          text: '最近一个月',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
            picker.$emit('pick', [start, end])
          }
        }, {
          text: '最近三个月',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
            picker.$emit('pick', [start, end])
          }
        }]
      },
      tHead: [
        {
          prop: 'date',
          label: '序号'
        },
        {
          prop: 'date',
          label: '名称'
        },
        {
          prop: 'date',
          label: '提交数'
        },
        {
          prop: 'date',
          label: '系统预审不合理数'
        },
        {
          prop: 'date',
          label: '系统预审不合理率'
        },
        {
          prop: 'date',
          label: '系统拦截数'
        },
        {
          prop: 'date',
          label: '系统拦截率'
        },
        {
          prop: 'date',
          label: '超时数'
        },
        {
          prop: 'date',
          label: '超时率'
        },
        {
          prop: 'date',
          label: '系统预审后医生修改数'
        },
        {
          prop: 'date',
          label: '系统预审后医生修改率'
        },
        {
          prop: 'date',
          label: '药师候审数'
        },
        {
          prop: 'date',
          label: '药师候审率'
        },
        {
          prop: 'date',
          label: '药师干预数'
        },
        {
          prop: 'date',
          label: '药师干预率'
        },
        {
          prop: 'date',
          label: '药师复核双签'
        },
        {
          prop: 'date',
          label: '药师复核双签率'
        },
        {
          prop: 'date',
          label: '系统自动干预数'
        },
        {
          prop: 'date',
          label: '系统自动干预后医生修改数'
        },
        {
          prop: 'date',
          label: '合理数'
        },
        {
          prop: 'date',
          label: '合理率'
        }
      ],
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '111'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '111'
      }],
      query: {
        total: 100,
        page: 1,
        limit: 10
      },
      checkList: ['禁忌'],
      options: [{
        value: '选项1',
        label: '黄金糕'
      }, {
        value: '选项2',
        label: '双皮奶'
      }, {
        value: '选项3',
        label: '蚵仔煎'
      }, {
        value: '选项4',
        label: '龙须面'
      }, {
        value: '选项5',
        label: '北京烤鸭'
      }],
      value: '',
      value1: '',
      dialogDrugs: false,
      dialogDoctor: false,
      dialogPerson: false,
      departmentData: [{
        date: '2016-05-03',
        name: '王小虎'
      }, {
        date: '2016-05-03',
        name: '王小虎'
      }],
      multipleSelection: [],
      input: '',
      pType: '11',
      sbtnFlag: false,
      style: 'height: 60px;padding-top: 10px;',
      radio: 1
    }
  },
  methods: {
    selectPop(val) {
      this.$refs.ptable.show()
      this.pType = val
    },
    showMore() {
      this.sbtnFlag = true
      this.style = ''
    },
    showHide() {
      this.sbtnFlag = false
      this.style = 'height: 60px;padding-top: 10px;'
    },
    getList() {

    }
  }
}
</script>

<style lang="scss" scoped="scoped">
  body{
    background:#e6edf5;
  }
  .query{
    width:100%;
    height:100%;
    background:#e6edf5;
    .check{
      font-size:12px;
      display:flex;
      line-height:60px;
      background:#fff;
      text-align:center;
      .c_left{
        width:115px;
        float:left;
      }
      .c_right{
        overflow:hidden;
        color:#636365;
        border-left:1px solid #e6edf5;
        .c_tip{
          display:inline-block;
          width:100px;
          padding-right:10px;
          text-align:right;
        }
        .c_input{
          width:150px;
          height:40px;
          border:1px solid #dcdfe6;
          border-radius:4px;
          padding-left:5px;
        }
        .c_input::-webkit-input-placeholder {
          color: #dcdfe6;
        }
        .c_input::-ms-input-placeholder {
          color: #dcdfe6;
        }
        .c_input::-moz-input-placeholder {
          color: #dcdfe6;
        }
        .c_search{
          width:100px;
        }
        .c_searchbtn{
          display:inline-block;
          width:42px;
          height:25px;
          margin-left:4px;
          background:#28a4f4;
          color:#fff;
          font-size:12px;
          text-align:center;
          line-height:26px;
          border-radius:6px;
          cursor:pointer;
        }
        .c_checkbox{
          width:230px;
          height:40px;
          display:inline-block;
          margin-left:-12px;
        }
        .btn_clear{
          padding:0;
          width:70px;
          height:40px;
          line-height:40px;
        }
      }
    }
    .list_tip{
      font-size:14px;
      color:#29a4f2;
      padding:10px 18px;
    }
    .table_box{
      padding:0 18px;
    }
  }
  .el-checkbox__label{
    padding-left:5px;
  }
  .el-checkbox{
    margin-right:10px;
  }
</style>
